<div>
  <div class="section-header d-flex align-items-center">
    <h2 class="color-blue" *ngIf="!key || showQuestion.length > 0">General</h2>
    <div class="ms-2 mb-1" (click)="changeBrowserUrl(Sections.general)">
      <div class="fas fa-anchor"></div>
    </div>
  </div>
  <!-- Question -->
  <tm-instructor-help-panel class="instr-help-qn-first" #question [hidden]="key && !showQuestion.includes(GeneralSectionQuestions.FREE_FOR_USE)"
                            [id]="GeneralSectionQuestions.FREE_FOR_USE"
                            [section]="Sections.general"
                            headerText="Is TEAMMATES free? How long is it going to stay free?"
                            [(isPanelExpanded)]="questionsToCollapsed[GeneralSectionQuestions.FREE_FOR_USE]">
    <p>
      TEAMMATES is funded by education grants and is free for both instructors and students. At the moment we have no plans to commercialize TEAMMATES or offer paid services.
      In the unlikely event the free service is terminated, users will be informed at least one semester in advance. Also see the <i>changes to the service</i> section in our <a tmRouterLink="/web/front/terms">terms of use page</a>.
    </p>
  </tm-instructor-help-panel>
  <!-- Question -->
  <tm-instructor-help-panel #question [hidden]="key && !showQuestion.includes(GeneralSectionQuestions.DATA_PRIVACY)"
                            [id]="GeneralSectionQuestions.DATA_PRIVACY"
                            [section]="Sections.general"
                            headerText="Is data from my courses in TEAMMATES used for research? Are they shared with third parties?"
                            [(isPanelExpanded)]="questionsToCollapsed[GeneralSectionQuestions.DATA_PRIVACY]">
    <p>
      No and no. See our <a tmRouterLink="/web/front/terms">terms of use page</a> for more details on the <i>security and privacy</i> of TEAMMATES data.
    </p>
  </tm-instructor-help-panel>
  <!-- Question -->
  <tm-instructor-help-panel class="instr-help-qn-last" #question [hidden]="key && !showQuestion.includes(GeneralSectionQuestions.DST_ADJUSTMENT)"
                            [id]="GeneralSectionQuestions.DST_ADJUSTMENT"
                            [section]="Sections.general"
                            headerText="Does TEAMMATES cater for daylight saving time (DST) adjustments?"
                            [(isPanelExpanded)]="questionsToCollapsed[GeneralSectionQuestions.DST_ADJUSTMENT]">
    <p>
      Yes, TEAMMATES automatically factors in daylight saving time.
    </p>
  </tm-instructor-help-panel>
</div>
